<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美团外卖</title>
    <link rel="stylesheet" href="/css/modules/details.css">
    <link rel="shortcut icon" href="/images/favicon_1.ico" />
</head>

<body>
    <header></header>
    <main>

        <div class="detail">
            <div class="info">
                <div class="icon"></div>
                <div class="msg">
                    <div class="shop-name">麦当劳(重庆西站)</div>
                    <div class="star">♥♥♥♥♥</div>
                    <div class="phone">023-651213121</div>
                </div>
            </div>
            <div class="time">
                <div class="send">
                    <span>起送费</span>
                    <div class="send-price">￥0</div>
                </div>
                <div class="dist">
                    <span>配送费</span>
                    <div class="dist-price">￥8</div>
                </div>
                <div class="now-time">
                    <div class="by" id="by">
                        <p id="nowtime"></p>

                    </div>
                </div>
            </div>
        </div>
        <div class="food-info" id="getshop">
        </div>
        <script type="text/html" id="aaaaa">
            {{each list item}}
            <h3>全家桶</h3>
            <div class="wrap">
                <div class="food-wrap">
                    <img src="{{item.img.img1}}" class="food-img">
                    <div class="food-small">
                        <ul id="gal1">
                            <li>
                                <a href="#" data-image="{{item.img.img1}}" data-zoom-image="{{item.img.img1}}">
                                    <img src="{{item.img.img1}}" class="smallpic">
                                </a>
                            </li>
                            <li>
                                <a href="#" data-image="{{item.img.img2}}" data-zoom-image="{{item.img.img2}}">
                                    <img src="{{item.img.img2}}" class="smallpic">
                                </a>
                            </li>
                            <li>
                                <a href="#" data-image="{{item.img.img3}}" data-zoom-image="{{item.img.img3}}">
                                    <img src="{{item.img.img3}}" class="smallpic">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="food-msg">
                    <h1>{{item.title}}</h1>
                    <div class="food-content">套餐内容：<br><br><i>{{item.content1}}</i> <i>{{item.content2}}</i> <i>{{item.content3}}</i></div>
                    <div class="food-price">价格：<span>￥{{item.price}}</span></div>
                    <div class="sales">月销&nbsp;<span>{{item.num}}</span>&nbsp;配送约 &nbsp;<span>{{item.time}}</span>&nbsp;分钟 </div>
                    <div class="count">
                        数量： <button id="jian">-</button><input type="text" value="1" id="num-val"><button id="jia" date-id="{{item.id}}">+</button>
                    </div>
                    <a href="/html/order.html">
                        <input type="button" value="立即购买" class="btn1" id="nowbuy" date-id="{{item.id}}">
                    </a>
                    <input type="button" value="加入购物车" class="btn2" id="btn2">
                </div>
            </div>
            {{/each}}
        </script>
        <a href="/html/order.html">
            <div class="cart" id="cart"></div>
        </a>
    </main>
    <footer></footer>

    <script src="/libs/require/require.min.js" data-main="/js/modules/details.js"></script>

</body>

</html>